<script setup lang="ts">
import { h, onMounted, render } from 'vue';
import XtxMessage from '@/components/message/index.vue'
import Message from '@/components/message';
import Confirm from '@/components/confirm';
// const vNode = h('h1',{class:'h2',id:'hh'},'js创建dom')
// onMounted(()=>{
//   render(vNode,document.querySelector('.box')!)
// })
// const vNode1 = h(XtxMessage,{type:'success'},'登录成功')
// onMounted(()=>{
//   render(vNode1,document.querySelector('.box')!)
// })
const changeMessage = ()=>{
  // Message({type:'success',text:'点击成功',duration:4000})
  // Message.success('成功啦')
}
  const show = () => {
  Confirm({
    text: '亲, 您确定要退出么?',
    title: '温馨提示'
  })
  // .then(() => {
  //   // 确认按钮触发的事件 - 业务
  //   console.log('确认按钮触发了, .....');
  // }).catch(() => {
  //   // 取消按钮触发的事件 - 业务
  //   console.log('取消按钮触发了, .....');
    
  // })
}
</script>

<template>
<!-- <XtxMessage type="error">失败</XtxMessage> -->
<!-- <XtxMessage type="success">成功</XtxMessage> -->
<div class="box">
  <button @click="changeMessage">点击</button>
  <button @click="show">点击</button>
  <!-- <XtxConfirm title="你好" text="确认" /> -->
</div>
</template>

<style  lang="less" scoped>

</style>
